<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // let arr = ['a', 'b', 'c']
    // let x = arr[0]
    // let y = arr[1]
    // console.log(x)
    // console.log(y)
    // let [x, y, z] = arr
    // console.log(x)

    // let obj = {
    //   x: 100,
    //   y: 200
    // }
    // let {x, y} = obj
    // // console.log(x, y)
    // let {x:a, y:b} = obj
    // console.log(a)

    // const context = {
    //   commit: function(args) {
    //     console.log(args)
    //   }
    // }

    // const store = {
    //   actions: {
    //     increament: function({commit}) {
    //       commit('add')
    //     }
    //   }
    // }

    // store.actions.increament(context)

    const obj = {
      x: 100,
      y: 200,
      z: {
        w: 3000
      },
      q: 4
    }
    const {q=4000} = obj
    console.log(q)
    // const {x, z: { w }} = obj 
    // console.log(w)
  </script>
</body>
</html>